/*
 * @Author: yanyufengqing 1624478125@qq.com
 * @Date: 2025-10-02 17:29:33
 * @LastEditors: yanyufengqing 1624478125@qq.com
 * @LastEditTime: 2025-10-03 16:36:46
 * @FilePath: \manage-system\vite.config.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import { resolve } from 'path'

// https://vite.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src')
    }
  },
  server: {
    open: true,
    port: 8888
  },
  plugins: [
    vue(),
    Components({
      // 自动导入组件的目录
      dirs: ['src/components'],
      
      // 组件的有效文件扩展名
      extensions: ['vue'],
      
      // 搜索子目录
      deep: true,
      
      // 生成类型声明文件的位置
      dts: true,
      
      // 解析器配置
      resolvers: [
        // Element Plus 自动导入解析器
        ElementPlusResolver()
      ],
      
      // 包含/排除规则
      include: [/\.vue$/, /\.vue\?vue/],
      exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
      
      // 自定义组件名称转换
      directoryAsNamespace: false,
      
      // 全局组件注册
      globalNamespaces: []
    })
  ],
})
